<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新闻动态</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/news.css"/>
	</head>
	<body>
		<!--导航-->
		<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
	        <div class="container width-cus">
	        	<a class="navbar-brand" href="#"><img src="img/index/logo.png"/></a>
		        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
		        	<span class="navbar-toggler-icon"></span>
		        </button>
		        <div class="collapse navbar-collapse" id="navbarCollapse">
		        	<ul class="navbar-nav mr-auto">
		            	<li class="nav-item">
		            		<a class="nav-link" href="index.html">首页</a>
		                </li>
	            		<li class="nav-item">
		            		<a class="nav-link" href="family.html">laya家族</a>
		          		</li>
		          		<li class="nav-item">
		            		<a class="nav-link" href="game.html">游戏</a>
		          		</li>
		          		<li class="nav-item active">
		            		<a class="nav-link" href="news.html">新闻动态<span class="sr-only">(current)</span></a>
		          		</li>
		          		<li class="nav-item">
		            		<a class="nav-link" href="aboutUs.html">关于我们</a>
		          		</li>
		        	</ul>
		        	<ul class="navbar-nav">
		        		<li class="nav-item dropdown">
				            <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Language</a>
				            <div class="dropdown-menu" aria-labelledby="dropdown01">
				                <a class="dropdown-item" href="#">中文</a>
				                <a class="dropdown-item" href="#">English</a>
				            </div>
				        </li>
		        	</ul>
		      	</div>
	        </div>
	    </nav>
		
		<!--内容-->
		<div class="container-fluid mainContent">
			<div class="container width-cus">
				<div class="row newshead">
					<div class="col-md-12 title">
						<h1>新闻动态</h1>
					</div>
					<div class="col-md-4 col-sm-4 col-4 content">
						<div class="newsContent">
							<img src="img/news/news11.jpg"/>
							<p>
								技术突破：HTML5裸跑性能已可媲美APP
							</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4 col-4 content">
						<div class="newsContent">
							<img src="img/news/news1.jpg"/>
							<p>
								HTML5干货：LAYAWORLD  TFC秋季特刊
							</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4 col-4 content">
						<div class="newsContent">
							<img src="img/news/news2.jpg"/>
							<p>
								慕和：手游大作《魔卡幻想》为何移植HTML5
							</p>
						</div>
					</div>
				</div>
				
				<!--每条新闻-->
				<div class="row news-one">
					<div class="col-md-3 col-sm-4 col-4 newsleft">
						<div class="newspic">
							<img src="img/news/news3.jpg"/>
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-8 newsright">
						<a href="#">技术突破：HTML5裸跑性能已可媲美APP</a>
						<p>2016-02-25</p>
						<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
						<button>查看详情</button>
					</div>
				</div>
				<!--每条新闻-->
				<div class="row news-one">
					<div class="col-md-3 col-sm-4 col-4 newsleft">
						<div class="newspic">
							<img src="img/news/news4.jpg"/>
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-8 newsright">
						<a href="#">Layabox吹响进军台湾HTML5市场的号角</a>
						<p>2016-01-29</p>
						<p>
							以本届HTML5游戏峰会为契机，Layabox携多款优质大型HTML5手游吹响了进军台湾的号角，与此同时，Layabox与台湾游戏产业同行就游戏开发、游戏发行、平台合作等业务启动了合作的筹备阶段。猴年春节后，将会有多款大型HTML5手游直接登陆台湾游戏市场。
						</p>
						<button>查看详情</button>
					</div>
				</div>
				<!--每条新闻-->
				<div class="row news-one">
					<div class="col-md-3 col-sm-4 col-4 newsleft">
						<div class="newspic">
							<img src="img/news/news5.jpg"/>
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-8 newsright">
						<a href="#">微信“应用号”后，Layabox与火速移动结盟力推HTML5应用</a>
						<p>2016-01-15</p>
						<p>HTML5商业引擎提供商Layabox与HTML5应用发行商火速移动（Huosumobi），于2016年1月13日正式宣布双方结成全面战略合作联盟。未来从HTML5应用的市场推广、引擎技术、平台、运营、分发等HTML5应用领域的生态进行全方位合作。</p>
						<button>查看详情</button>
					</div>
				</div>
				<!--每条新闻-->
				<div class="row news-one">
					<div class="col-md-3 col-sm-4 col-4 newsleft">
						<div class="newspic">
							<img src="img/news/news6.jpg"/>
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-8 newsright">
						<a href="#">技术突破：HTML5裸跑性能已可媲美APP</a>
						<p>2016-02-25</p>
						<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
						<button>查看详情</button>
					</div>
				</div>
				<!--每条新闻-->
				<div class="row news-one">
					<div class="col-md-3 col-sm-4 col-4 newsleft">
						<div class="newspic">
							<img src="img/news/news7.jpg"/>
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-8 newsright">
						<a href="#">技术突破：HTML5裸跑性能已可媲美APP</a>
						<p>2016-02-25</p>
						<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
						<button>查看详情</button>
					</div>
				</div>
				<!--每条新闻-->
				<div class="row news-one">
					<div class="col-md-3 col-sm-4 col-4 newsleft">
						<div class="newspic">
							<img src="img/news/news8.jpg"/>
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-8 newsright">
						<a href="#">技术突破：HTML5裸跑性能已可媲美APP</a>
						<p>2016-02-25</p>
						<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
						<button>查看详情</button>
					</div>
				</div>
				<!--每条新闻-->
				<div class="row news-one">
					<div class="col-md-3 col-sm-4 col-4 newsleft">
						<div class="newspic">
							<img src="img/news/news9.jpg"/>
						</div>
					</div>
					<div class="col-md-9 col-sm-8 col-8 newsright">
						<a href="#">技术突破：HTML5裸跑性能已可媲美APP</a>
						<p>2016-02-25</p>
						<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
						<button>查看详情</button>
					</div>
				</div>
				<!--分页按钮-->
				<div class="row fenye">
					<div class="col-md-12">
						<nav aria-label="Page navigation example">
						  	<ul class="pagination">
						  		<li class="page-item"><a class="page-link" href="#">24条</a></li>
							    <li class="page-item"><a class="page-link" href="#">上一页</a></li>
							    <li class="page-item"><a class="page-link active" href="#">1</a></li>
							    <li class="page-item"><a class="page-link" href="#">2</a></li>
							    <li class="page-item"><a class="page-link" href="#">3</a></li>
							    <li class="page-item"><a class="page-link" href="#">4</a></li>
							    <li class="page-item"><a class="page-link" href="#">下一页</a></li>
						  	</ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
		
		
		
		<!--底部-->
	    <div class="container-fluid footer">
	    	<div class="container width-cus">
	    		<div class="row">
	    			<div class="col-md-5 copy">
	    				<ul>
	    					<li><a href="#">公司简介</a></li>
	    					<li><a href="#">联系方式</a></li>
	    					<li><a href="#">人才招聘</a></li>
	    				</ul>
	    				<p>All&nbsp;Copyright&nbsp;Reserved&nbsp;by&nbsp;Layabox&nbsp;Inc.&nbsp;京ICP备15008163号-1&nbsp;</p>
	    			</div>
	    			<div class="col-md-3 offset-md-4 weixin">
	    				<div class="email">
	    					<img src="img/index/email.png"/>
	    				</div>
	    				<div class="wx">
	    					<img src="img/index/weixin.png"/>
	    				</div>
	    				<div class="qq">
	    					<img src="img/index/qqpop.png"/>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
	    </div>
		
		<!--JS文件-->
		<script src="js/jquery-slim.min.js"></script>
		<script src="js/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
	</body>
</html>
